export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg fill="currentColor" width="1em" height="1em" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg"><path d="M832 556.8c0 179.2-140.8 320-320 320s-320-140.8-320-320 140.8-320 320-320l0 57.6c0 12.8 19.2 25.6 25.6 12.8l96-96C640 204.8 640 192 633.6 185.6L537.6 89.6C531.2 83.2 512 89.6 512 102.4l0 70.4c-211.2 0-384 172.8-384 384s172.8 384 384 384 384-172.8 384-384L832 556.8z"></path></svg>
        </span>
    )
}